/**
* The css file of PMS.
*
* 
* 
* 
* @package     front
* @version     $Id: style.css 1454 2009-10-23 01:45:26Z wwccss $
* 
*/
/*-----------------------BASE SETTING----------------------------*/
body     {margin:0; text-align:left; color:#141414;}
fieldset {border:1px solid #efefef; padding:8px 10px 8px 15px; margin-bottom:8px; color:#333;}
legend   {font-weight:bold;}
del{background:#fcc;}
ins{background:#cfc; text-decoration:none}
a  {text-decoration:none;}

/*-----------------------LAYOUT SETTING ----------------------------*/
#wrap{ padding:0 15px; background:#e5e5e5;}
.outer {text-align:left; background:#fff; padding:15px;}
#wrap .outer {border:1px solid #ddd;}
.cont, .cont-lt1, .cont-lt2, .cont-lt3, .cont-lt4, .cont-lt5, .cont-rt1, .cont-rt2, .cont-rt3, .cont-rt4, .cont-rt5 {width:100%; margin:0; border:none; text-align:left}
.cont tr, .cont td {border:none; padding:0}
.cont-lt1 tr, .cont-lt2 tr, .cont-lt3 tr, .cont-lt4 tr, .cont-lt5 tr {border:none; padding:0}
.cont-lt1 td, .cont-lt2 td, .cont-lt3 td, .cont-lt4 td, .cont-lt5 td {border:none; padding:0}
.cont-rt1 tr, .cont-rt2 tr, .cont-rt3 tr, .cont-rt4 tr, .cont-rt5 tr {border:none; padding:0}
.cont-rt1 td, .cont-rt2 td, .cont-rt3 td, .cont-rt4 td, .cont-rt5 td {border:none; padding:0}

.cont-lt1 .side, .cont-rt1 .side {width:160px}
.cont-lt2 .side, .cont-rt2 .side {width:180px}
.cont-lt3 .side, .cont-rt3 .side {width:240px}
.cont-lt4 .side, .cont-rt4 .side {width:300px}
.cont-lt5 .side, .cont-rt5 .side {width:336px}

.cont-lt1 .divider,.cont-lt2 .divider,.cont-lt3 .divider,.cont-lt4 .divider,.cont-lt5 .divider {width:10px}
.cont-rt1 .divider,.cont-rt2 .divider,.cont-rt3 .divider,.cont-rt4 .divider,.cont-rt5 .divider {width:10px}

.f-left   {float:left;  padding-left: 5px}
.f-right  {float:right; padding-right:5px}
.c-none   {clear:none;}
.c-left   {clear:left;}
.c-right  {clear:right;}
.c-both   {clear:both;}
.a-center {text-align: center;}
.a-right  {text-align: right;}
.a-left   {text-align: left;}

.half-left  {float:left;  width:48%; text-align:left;  clear:left}
.half-right {float:right; width:48%; text-align:right; clear:right}

.hidden {display:none}
.block  {display:block}
.inline {display:inline}

.margin-zero {margin:    0}
.margin-10px {margin:    10px}
.margin-15px {margin:    15px}
.margin-20px {margin:    20px}
.padding-zero{padding:   0}
.padding-10px{padding:   10px}
.padding-5px {padding:   5px}

.mt-10px {margin-top:    10px}
.mr-10px {margin-right:  10px}
.mb-10px {margin-bottom: 10px}
.ml-10px {margin-left:   10px}

.mt-zero {margin-top:    0}
.mr-zero {margin-right:  0}
.mb-zero {margin-bottom: 0}
.ml-zero {margin-left:   0}

.pt-10px {padding-top:   10px}
.pr-10px {padding-right: 10px}
.pb-10px {padding-bottom:10px}
.pl-10px {padding-left:  10px}
.ph-10px {padding-left:10px; padding-right:10px}
.pv-10px {padding-top: 10px; padding-bottom:10px}

.f-12px  {font-size:12px}
.f-14px  {font-size:14px}
.f-16px  {font-size:16px}

/*-----------------------FORM SETTING----------------------------*/
.text-1 {width: 90%}
.text-2 {width: 120px}
.text-3 {width: 240px}
.text-4 {width: 360px}
.text-5 {width: 480px}

.select-1 {width: 90%}
.select-2 {width: 125px}
.select-3 {width: 245px} 
.select-4 {width: 360px}
.select-5 {width: 480px}

.area-1{width: 90%;}
.area-2{width: 120px}
.area-3{width: 240px}
.area-4{width: 360px}
.area-5{width: 480px}

.text-1, .text-2, .text-3, .text-4, .text-5 {padding:3px 0}
.select-1, .select-2, .select-3, .select-4, .select-5 {padding:3px 0}

.text-1, .text-2, .text-3, .text-4, .text-5, 
.select-1, .select-2, .select-3, .select-4, .select-5, 
.area-1, .area-2, .area-3, .area-4, .area-5,
#fileform input[type="file"]{border:1px solid #ccc}

.button-s{padding:2px 10px 2px 10px; font-size:14px; cursor:pointer}
.button-r{padding:2px 10px 2px 10px; font-size:14px; cursor:pointer; color:gray}
.button-b{padding:2px 10px 2px 10px; font-size:14px; cursor:pointer;}
.button-c{padding:2px 10px 2px 10px; font-size:14px; cursor:pointer}
.button-d{color:blue; font-size:14px; cursor:pointer}

/*-----------------------TABLE SETTING----------------------------*/
table      {border:1px solid #e4e4e4;}
td, tr, th {border:none;}
tfoot      {border-top:1px solid #e4e4e4}
tfoot .f-left{ color:gray}
tfoot .f-left strong{ color:#141414}

caption     {border:1px solid #e4e4e4; background:#edf3fe; margin:0; padding:6px 2px 6px 10px; border-bottom:none; text-align:left; font-weight:bold; font-size:13px;}
.caption-tr {caption-side:top; text-align:right; border:none; background:none;}
.caption-tl {caption-side:top; text-align:left;  border:none; background:none;}

.table-1 {width:100%; margin-bottom:10px}
.table-2 {width:240px;margin-bottom:10px}
.table-3 {width:360px;margin-bottom:10px}
.table-4 {width:480px;margin-bottom:10px}
.table-5 {width:600px;margin-bottom:10px}
.table-6 {width:800px;margin-bottom:10px}

.table-1 tr, .table-2 tr, .table-3 tr, .table-4 tr, .table-5 tr {padding:4px 3px}
.table-1 td, .table-2 td, .table-3 td, .table-4 td, .table-5 td {padding:4px 3px}
.table-1 th, .table-2 th, .table-3 th, .table-4 th, .table-5 th {padding:4px 3px}

.colhead td  {text-align:center; background-color:#efefef;}
.colhead th  {text-align:center; background-color:#efefef; font-size:12px; font-weight:bold; border-bottom:1px solid #e4e4e4; height:24px;}
.colhead a   {text-decoration:none; display:block;}
.colhead th a{color:#333; font-size:12px;}
.colhead th a:hover{color:#F30;}

.rowhead {font-weight:bold; text-align:right; width:100px; border:none}
.side .rowhead {width:20%}

.fixed {table-layout:fixed}
.nobr                     {overflow:hidden; white-space:nowrap;}
.fixed th, .fixed td      {overflow:hidden; white-space:nowrap;}
.nofixed th, .nofixed td  {overflow:visible; white-space:normal}

.odd     {background:#fff;}
.even    {background:#f9f9f9;}
.hoover  {background:#d0dee3;}
.clicked {background:#fce6a2;}

fieldset .rowhead {border:none; font-weight:normal}
fieldset table    {border:none}
fieldset .table-1 {margin:0;}
fieldset .bd-1px, fieldset .bd-1px td, fieldset .bd-1px th {border:1px solid #b3c8dc; padding:2px}
fieldset tr, fieldset td, fieldset th {border:none; padding:2px}

/* copyed from tablesorter plugin. */
table.tablesorter thead tr div{padding:0; margin:0} 
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {color:red;}
table.tablesorter thead tr .headerSortDown a, table.tablesorter thead tr .headerSortUp a {color:red}
table.tablesorter thead tr .header         {background-image: url(./images/tablesorter/bg.gif);   background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.tablesorter thead tr .headerSortUp   {background-image: url(./images/tablesorter/asc.gif);  background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.tablesorter thead tr .headerSortDown {background-image: url(./images/tablesorter/desc.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}

/*-----------------------HEIGHT SETTING--------------------------*/
.h-5px   {height:5px}
.h-10px  {height:10px}
.h-20px  {height:20px}
.h-30px  {height:30px}
.h-35px  {height:35px}
.h-40px  {height:40px}
.h-45px  {height:45px}
.h-50px  {height:50px}
.h-60px  {height:60px}
.h-70px  {height:70px}
.h-80px  {height:80px}
.h-100px {height:100px}
.h-120px {height:120px}
.h-130px {height:130px}
.h-140px {height:140px}
.h-150px {height:150px}
.h-200px {height:200px}

/*-----------------------WIDTH SETTING--------------------------*/
.w-p5  {width: 5%}
.w-p10 {width: 10%}
.w-p15 {width: 15%}
.w-p20 {width: 20%}
.w-p25 {width: 25%}
.w-p30 {width: 30%}
.w-p35 {width: 35%}
.w-p40 {width: 40%}
.w-p45 {width: 45%}
.w-p50 {width: 50%}
.w-p55 {width: 55%}
.w-p60 {width: 60%}
.w-p65 {width: 65%}
.w-p70 {width: 70%}
.w-p75 {width: 75%}
.w-p80 {width: 80%}
.w-p85 {width: 85%}
.w-p90 {width: 90%}
.w-p100{width: 100%}
.w-p98 {width: 98%}
.w-p99 {width: 99%}

.w-20px {width:20px}
.w-30px {width:30px}
.w-35px {width:35px}
.w-40px {width:40px}
.w-45px {width:45px}
.w-50px {width:50px}
.w-60px {width:60px}
.w-70px {width:70px}
.w-80px  {width:80px}
.w-100px {width:100px}
.w-120px {width:120px}
.w-130px {width:130px}
.w-140px {width:140px}
.w-150px {width:150px}
.w-160px {width:160px}
.w-200px {width:200px}

.w-id       {width:55px;}
.w-pri      {width:30px;}
.w-severity {width:40px;}
.w-hour     {width:40px;}
.w-date     {width:70px;}
.w-user     {width:60px;}
.w-status   {width:50px}
.w-type     {width:80px}
.w-resolution{width:60px}

/*-----------------------BORDER SETTING--------------------------*/
.bd-1px    {border:1px        solid}
.bt-1px    {border-top:1px    solid}
.bl-1px    {border-left:1px   solid}
.bb-1px    {border-bottom:1px solid}
.br-1px    {border-right:1px  solid}
.bd-none   {border:none}
.bd-green  {border-color:#58CB64}
.bd-yellow {border-color:#F4BF20}
.bd-blue   {border-color:#64B7D7}
.bd-gray   {border-color:#bcbcbc;}

/*-----------------------BACKGROUND SETTING----------------------------*/
.bg-green  {background-color:#DDF1D8;}
.bg-blue   {background-color:#DEEEF4}
.bg-yellow {background-color:#FBF5C6;}
.bg-gray   {background-color:#efefef;}
.bg-white  {background-color:white;}

/*-----------------------COLOR SETTING----------------------------*/
.red     {color:red;}
.blue    {color:blue}
.yellow  {color:yellow;}
.gray    {color:gray;}
.green   {color:green;}
.star    {color:red; font-size:18px; font-weight:bold;}
.warning {background:yellow; color:red; font-weight:bold}

/*-----------------------SPECIAL PART SETTING--------------------*/
/* Header. */
#header{padding:2px 15px 0 15px; background:#003366; border-bottom:1px solid #e4e4e4;}

/* Top bar. */
#topbar, #topbar a {color:#ACCADF}
#topbar {margin:5px 5px 15px 5px}
#topbar select {border:none; color:#ACCADF; background:#003366}
#topbar a {text-decoration:none;}
#companyname{color:#ffcc00; font-size:14px}

/* The nav bar. */
#navbar ul {margin:0; padding:0;} 
#navbar li {margin:0; padding:0; float:left; text-align:center; list-style-type:none;}
#navbar a  {text-decoration:none;}
#navbar a:hover {color:#ff3600;}

/* Main menu. */
#mainmenu ul { height:30px; line-height:30px}
#mainmenu li {padding:0 15px; border-right:3px solid #002242; color:white; font-size:14px; background:#1A4F85}
#mainmenu a  {color:#E5E5E5; font-weight:normal;}
#mainmenu .active   {background-color:#e5e5e5;}
#mainmenu .active a {color:#33a52e; font-weight:bold;}
#mainmenu #mainbg{padding-left:16px; padding-bottom:2px; background:url(images/main/zt-icons.png); background-position:-182px -443px;}
#mainmenu .active #mainbg{background-position:-122px -443px;}

#mainmenu #searchbox{float:right; border:none; background:#E5E5E5 url(images/main/search_bg.png) repeat-x bottom; height:100%;}
#mainmenu .button-s{border:none; padding:2px}

#searchType  {border:1px solid #ccc; background:#E5E5E5; margin-bottom:2px; color:gray; font-size:12px}
#searchQuery {height:16px; border:1px solid #ccc; background: #E5E5E5; color:gray; font-size:12px}
#searchbox #objectSwitcher{ border:none; width:16px; height:18px; background:url(images/main/zt-icons.png); background-position:-162px -443px;}

/* Module menu. */
#modulemenu    {margin-bottom:0px; font-size:14px; border:2px solid #e5e5e5;}
#modulemenu ul {background-color:#E5e5e5; height:28px; line-height:28px; padding:5px 10px;}
#modulemenu li {padding:0 5px; color:#0033cc;}
#modulemenu a  { font-weight:normal; font-size:14px; color:#003366}
#modulemenu .active a {color:#33a52e; font-weight:bold; padding:4px 4px 2px 4px;}
#modulemenu .right    {float:right; font-weight:bold;}
#modulemenu .right  a { font-weight:bold}
#modulemenu #mybg {padding-left:16px; padding-bottom:2px; background:url(images/main/zt-icons.png); background-position:-142px -443px;}

/* Product, project and objects switcher. */
#productID {background:#e5e5e5; border:1px solid #e5e5e5}
#projectID {background:#e5e5e5; border:1px solid #e5e5e5}

/* Feature bar. */
#featurebar                {height:28px; line-height:28px; cursor:pointer; padding:20px 8px 10px 8px; margin: -15px -15px 10px -15px;}
#featurebar a              {text-decoration:none; border-right:1px solid #ddd; padding:4px 4px 4px 4px; color:#003366; font-size:14px}
#featurebar a:hover        {color:#ff3600;}
#featurebar .f-right a     {border-right:none; padding:5px 5px 5px 0px;}
#featurebar #bysearchTab a {border:none;}
#featurebar select         {font-size:12px; height:22px; margin-top:3px;}

#featurebar .active a       {color:#009900; font-weight:bold;}
#featurebar .active select  {border:2px solid #009900;}
#featurebar .active input   {border:2px solid #009900;}

#featurebar .dp-choose-date {padding:0px;}

/* Tree menu. */
.tree li      {list-style-type:none;}
.tree .active {color:blue; font-weight:bold}
.tree a       {color:#003366}

/* Title bar. */
#titlebar {font-size:14px; font-weight:bold; padding:5px; margin:0px 0px 8px 0px; height:30px; line-height:30px;}
#titlebar #main {float:left;  width:45%; clear:none; text-align:left}
#titlebar div   {float:right; width:55%; clear:none; text-align:right}
#titlebar #main input {font-size:14px; margin-top:5px}
#titlebar .text-1 {width:80%}
#titlebar span{padding:5px 3px}

/* Form settings */
#dataform{margin-top:20px; padding:0 30px}
#dataform caption{font-size:14px; padding:5px 5px 5px 10px}
#dataform .rowhead{font-size:11.5px; font-weight:1.2; border:none}
#dataform tr, #createform td, #createform th{border:none; background:#fcfcfc}

.actionlink{font-size:14px; font-weight:bold; padding-top:8px}
.actionlink span{padding:5px 3px}

/* Product, project switcher. */
#switcher {color:white; font-style:bold; background:red; cursor:pointer;}

/* Select all and select reverse. */
#allchecker, #reversechecker {padding:3px 5px}

/* Other items. */
#actionbox .button-c {font-size:9px; height:20px; padding:0 5px 0 5px}
.history, .changes   {border:1px solid #ccc; background:#f2f2f2; padding:10px; margin-top:10px; margin-bottom:10px; color:#333; line-height:20px;}
.history  .changes   {border:none; margin:0; padding:0}
.content {font-size:14px; padding:10px}
.content p {margin:0px}
.roadmap {width:180px; margin:10px auto 10px auto; padding:15px 10px; font-weight:bold}
.roadmap a{color:#ccc;}
.roadmap p{margin:2px}
.release {background:darkgreen; color:#ccc}
.plan    {background:#ffcc00;}
.plan a{color:green}
.helplink {font-size:9px}
#bysearchTab a{color:red}
#fileform .text-3 {margin-bottom:5px}

.tabs a{display:block; width:80%; margin:auto auto 10px auto; padding:5px; border:1px solid blue; text-decoration:none; overflow:hidden; white-space:nowrap; text-align:center}
.tabs a.current {background:green; color:white}

/* Footer. */
#divider   {margin-bottom:49px;}
#footer    {width:100%; position:fixed; bottom:0; left:0; margin:0; color:#333; background:#e5e5e5 url(images/main/status_x_bg.gif) repeat-x bottom; height:34px; line-height:34px; padding-top:15px;}
#crumbs    {padding:5px 0 5px 10px;}
#poweredby {padding-right:10px} 

/* Debug. */
.debugwin  {display:block; width:50px; height:20px; bottom:50px; border-left:10px solid red; position:fixed;}

/* Pager. */
.pager {margin-bottom:0}

/* Search. */
#searchform .searchSelect, #searchform .searchInput, #searchform #queryID{background:#f9f9f9;}

/*-----------------------OTHERS SETTINGS --------------------*/
.box-title  {border:1px solid #e4e4e4; background-color:#edf3fe; margin:0; padding:6px; border-bottom:none; text-align:left; font-weight:bold; color:#333;}
.box-content{border:1px solid #e4e4e4; padding:5px}
.done      {color:#078F0E;}
.wait      {color:#888;}
.doing     {color:#F30;}
.delayed   {background:#e84e0f; color:white;}
.pass      {color:#078F0E;}
.blocked   {background:yellow;}
.fail      {color:red}
.hand      {cursor:pointer}
.strong    {font-weight:bold}
.deleted   {text-decoration:line-through}
.linkbox a {display:block}
.owner     {background:#e4e4e4; font-size:smaller}
.notice    { background-color:#ffffcc; border:1px solid #ffcc00; padding:15px 25px;}
.button-create{}

/*-----------------------ICONS --------------------*/
.icon-search {padding-left:16px; background:url(images/main/zt-icons.png) -123px -83px; border:0px;}
.icon-arrow  {padding-left:10px; background:url(images/main/zt-icons.png) -102px -443px;}

/* Common icons. */
#featurebar .f-right .icon-goback {padding:0px 9px}
.pri1        {background:url(images/main/zt-icons.png) -1px   -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.pri2        {background:url(images/main/zt-icons.png) -21px  -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.pri3        {background:url(images/main/zt-icons.png) -41px  -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.pri4        {background:url(images/main/zt-icons.png) -61px  -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.pri5        {background:url(images/main/zt-icons.png) -81px  -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.pri6        {background:url(images/main/zt-icons.png) -101px -143px; text-indent:-9999px; display:block; width:17px; margin:0 auto;}
.icon-goback {padding:2px 8px; background:url(images/main/zt-icons.png) 0px    -42px;}
.icon-pre    {padding:2px 8px; background:url(images/main/zt-icons.png) -20px  -42px;}
.icon-next   {padding:2px 8px; background:url(images/main/zt-icons.png) -40px  -42px;}
#searchicon  {padding:2px 8px; background:url(images/main/zt-icons.png) -102px -80px; margin-left:10px;}
#searchmore  {padding:2px 8px; background:url(images/main/zt-icons.png) -62px  -80px no-repeat; margin-right:10px;}
#searchlite  {padding:2px 8px; background:url(images/main/zt-icons.png) -82px  -80px no-repeat; margin-right:10px}
.icon-add    {border:none; width:16px; padding:2px 8px; background:url(images/main/zt-icons.png) -120px  -3px no-repeat;}
.icon-delete {border:none; width:16px; padding:2px 8px; background:url(images/main/zt-icons.png) -100px  -3px no-repeat;}
.icon-add:hover, .icon-delete:hover {cursor:pointer}
.icon-allProducts, .icon-allProjects {padding:2px 10px 2px 8px; background:url(images/main/zt-icons.png) 0px  -161px;}

.icon-green-common-edit    {padding:2px 8px; background:url(images/main/zt-icons.png)  0px  0px no-repeat;} 
.icon-green-common-comment {padding:2px 8px; background:url(images/main/zt-icons.png) -20px 0px no-repeat;} 
.icon-green-common-copy    {padding:2px 8px; background:url(images/main/zt-icons.png) -40px 0px no-repeat;}
.icon-green-common-delete  {padding:2px 8px; background:url(images/main/zt-icons.png) -60px 0px no-repeat;}
.icon-gray-common-delete   {padding:2px 8px; background:url(images/main/zt-icons.png) -60px -22px no-repeat;}

#featurebar .f-right .icon-green-common-report {padding:2px 10px; background:url(images/main/zt-icons.png) -40px -82px no-repeat;} 
#featurebar .f-right .icon-green-common-export, .icon-green-common-export {padding:2px 8px; background:url(images/main/zt-icons.png) -20px -82px;} 

#featurebar .f-right .icon-green-todo-create, .icon-green-productplan-create, .icon-green-release-create,#featurebar .f-right .icon-green-doc-create, .icon-green-doc-create, .icon-green-build-create {padding:2px 8px;  background:url(images/main/zt-icons.png) 0px -202px;}
.icon-green-group-create {padding:2px 8px;  background:url(images/main/zt-icons.png) 0px -202px;}

/* Todo icons. */
.icon-green-todo-finish {padding:1px 8px; background:url(images/main/zt-icons.png) -80px  -242px;} 

/* Story icons. */
.icon-green-story-toStory    {padding:2px 8px; background:url(images/main/zt-icons.png) 0px   -202px;}

.icon-green-story-change     {padding:2px 8px; background:url(images/main/zt-icons.png) -40px -200px;}
.icon-gray-story-change      {padding:2px 8px; background:url(images/main/zt-icons.png) -40px -220px;}

.icon-green-story-review     {padding:2px 8px; background:url(images/main/zt-icons.png) -60px  -201px;}
.icon-gray-story-review      {padding:2px 8px; background:url(images/main/zt-icons.png)  -60px -221px;}

.icon-green-story-close      {padding:2px 8px; background:url(images/main/zt-icons.png) -80px  -201px;}
.icon-gray-story-close       {padding:2px 8px; background:url(images/main/zt-icons.png) -80px  -221px;}

.icon-green-story-activate   {padding:2px 8px; background:url(images/main/zt-icons.png) -100px  -201px;}

.icon-green-story-createCase {padding:2px 8px; background:url(images/main/zt-icons.png) -120px -201px;}
.icon-gray-story-createCase  {padding:2px 8px; background:url(images/main/zt-icons.png)  -120px -221px;}

.icon-green-project-unlinkStory {padding:2px 5px 2px 10px; background:url(images/main/zt-icons.png) -60px 0px;}
.icon-green-productplan-unlinkStory {padding:2px 5px 2px 10px; background:url(images/main/zt-icons.png) -60px 0px;}

.icon-green-project-linkStory, .icon-green-productplan-linkStory {padding:2px 3px 2px 10px; background:url(images/main/zt-icons.png) -161px -201px;}
#featurebar .f-right .icon-green-story-create, .icon-green-story-create {padding:2px 7px 2px 10px; background:url(images/main/zt-icons.png) 0px   -202px;} 
#featurebar .f-right .icon-green-story-batchCreate {padding:2px 7px 2px 10px; background:url(images/main/zt-icons.png) -20px -202px;} 

/* Task icons. */
.icon-green-task-confirmStoryChange {padding:2px 8px; background:url(images/main/zt-icons.png) -60px  -201px;}

.icon-green-task-assignTo {padding:2px 8px; background:url(images/main/zt-icons.png) -40px  -242px;} 
.icon-gray-task-assignTo  {padding:2px 8px; background:url(images/main/zt-icons.png) -40px -262px;} 

.icon-green-task-start    {padding:2px 8px; background:url(images/main/zt-icons.png) -61px  -242px;} 
.icon-gray-task-start     {padding:2px 8px; background:url(images/main/zt-icons.png) -61px  -262px;} 

.icon-green-task-finish   {padding:2px 8px; background:url(images/main/zt-icons.png) -80px  -242px;} 
.icon-gray-task-finish    {padding:2px 8px; background:url(images/main/zt-icons.png) -80px  -262px;} 

.icon-green-task-activate {padding:2px 8px; background:url(images/main/zt-icons.png) -120px  -241px;} 
.icon-gray-task-activate  {padding:2px 8px; background:url(images/main/zt-icons.png) -120px  -262px;} 

.icon-green-task-cancel   {padding:2px 8px; background:url(images/main/zt-icons.png) -141px -242px;} 

.icon-green-task-close    {padding:2px 8px; background:url(images/main/zt-icons.png) -100px -241px;} 
.icon-gray-task-close     {padding:2px 8px; background:url(images/main/zt-icons.png) -100px -261px;} 

.icon-green-task-editEstimate    {padding:2px 8px; background:url(images/main/zt-icons.png)  0px  0px no-repeat;} 
.icon-green-task-deleteEstimate  {padding:2px 8px; background:url(images/main/zt-icons.png) -60px 0px no-repeat;}

#featurebar .f-right .icon-green-task-create, .icon-green-task-create {padding:2px 7px 2px 10px; background:url(images/main/zt-icons.png) 0px   -242px;} 
#featurebar .f-right .icon-green-task-batchCreate, .icon-green-task-batchCreate {padding:2px 7px 2px 10px; background:url(images/main/zt-icons.png) -20px -242px;} 

/* Bug icons. */
.severity1 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) 0px    -383px; text-indent:-9999px;}
.severity2 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) -19px  -383px; text-indent:-9999px;}
.severity3 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) -40px  -383px; text-indent:-9999px;}
.severity4 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) -60px  -383px; text-indent:-9999px;}
.severity5 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) -80px  -383px; text-indent:-9999px;}
.severity6 {width:17px; margin:0px auto; display:block; background:url(images/main/zt-icons.png) -100px -383px; text-indent:-9999px;}

.icon-green-bug-confirmStoryChange {padding:2px 8px;  background:url(images/main/zt-icons.png) -40px -282px;}

.icon-green-bug-confirmBug {padding:2px 8px;  background:url(images/main/zt-icons.png) -40px -282px;} 
.icon-gray-bug-confirmBug  {padding:2px 8px;  background:url(images/main/zt-icons.png) -40px -302px;} 

.icon-green-bug-assignTo   {padding:2px 8px;  background:url(images/main/zt-icons.png) -40px -242px;} 

.icon-green-bug-createBug  {padding:2px 8px;  background:url(images/main/zt-icons.png) 0px -282px;} 
.icon-gray-bug-createBug   {padding:2px 8px;  background:url(images/main/zt-icons.png) 0px -302px;} 

.icon-green-bug-resolve    {padding:2px 8px;  background:url(images/main/zt-icons.png) -60px -281px;} 
.icon-gray-bug-resolve     {padding:2px 8px;  background:url(images/main/zt-icons.png) -60px -301px;} 

.icon-green-bug-close      {padding:2px 8px;  background:url(images/main/zt-icons.png) -80px -281px;} 
.icon-gray-bug-close       {padding:2px 8px;  background:url(images/main/zt-icons.png) -80px -301px;} 

.icon-green-bug-activate   {padding:2px 8px;  background:url(images/main/zt-icons.png) -120px -241px;} 
.icon-gray-bug-activate    {padding:2px 8px;  background:url(images/main/zt-icons.png) -120px -261px;} 

#featurebar .f-right .icon-green-bug-create, caption .f-right .icon-green-bug-create  {padding:2px 8px;  background:url(images/main/zt-icons.png) 0px -202px;} 
#featurebar .f-right .icon-green-bug-customFields {padding:2px 8px;  background:url(images/main/zt-icons.png) -141px -282px;} 

/* Case icons. */
.icon-green-testcase-createCase {padding:1px 7px 1px 10px; background:url(images/main/zt-icons.png) -80px -322px;} 
.icon-gray-testcase-createCase  {padding:1px 7px 1px 10px; background:url(images/main/zt-icons.png) -80px -322px;} 
.icon-green-testcase-confirmStoryChange {padding:2px 8px;  background:url(images/main/zt-icons.png) -40px -282px;}

.icon-green-testtask-runCase {padding:1px 7px 1px 10px; background:url(images/main/zt-icons.png) -40px -322px;} 
.icon-green-testtask-results {padding:1px 7px 1px 10px; background:url(images/main/zt-icons.png) -60px -322px;} 
.icon-green-testtask-unlinkCase {padding:2px 5px 2px 10px; background:url(images/main/zt-icons.png) -60px 0px;}

#featurebar .f-right .icon-green-testcase-create      {padding:2px 8px; background:url(images/main/zt-icons.png) 0px   -320px;} 
#featurebar .f-right .icon-green-testcase-batchCreate {padding:2px 8px; background:url(images/main/zt-icons.png) -20px -320px;} 

.link-button {padding:7px 0px 7px 0px; margin-left:-1px; } 
.link-button:hover {background:RGB(200, 200, 200)} 
.link-button a{color:black; font-weight:normal; font-size:14px;} 
.link-button a:hover {color:RGB(234, 0, 0);}

/* Testtask icons. */
.icon-green-testtask-create   {padding:2px 8px; background:url(images/main/zt-icons.png) 0px -202px;}
.icon-green-testtask-cases    {padding:1px 7px 1px 10px; background:url(images/main/zt-icons.png) -80px -322px;}
#featurebar .f-right .icon-green-testtask-linkCase, .icon-green-testtask-linkCase {padding:2px 4px 2px 10px; background:url(images/main/zt-icons.png) -160px -201px;}

/* Effort icons. */
.icon-green-effort-createForObject {padding:2px 8px;  background:url(images/main/zt-icons.png) -80px -2px;} 

/* Record icons. */
.icon-green-task-recordEstimate {padding:2px 8px;  background:url(images/main/zt-icons.png) -80px -2px;} 
.icon-gray-task-recordEstimate  {padding:2px 8px;  background:url(images/main/zt-icons.png) -80px -22px;} 


/* Todo icons. */
#featurebar .f-right .icon-green-todo-batchCreate {padding:2px 8px;  background:url(images/main/zt-icons.png) -20px -202px;}

.log-asc     {padding:2px 6px; background:url(images/main/zt-icons.png) -2px   -422px;}
.log-desc    {padding:2px 6px; background:url(images/main/zt-icons.png) -22px  -422px;}
.change-hide {padding:2px 6px; background:url(images/main/zt-icons.png) -42px  -422px; border:0px;}
.change-show {padding:2px 6px; background:url(images/main/zt-icons.png) -62px  -422px; border:0px;}
.diff-all    {padding:2px 6px; background:url(images/main/zt-icons.png) -81px  -422px; border:0px}
.diff-short  {padding:2px 6px; background:url(images/main/zt-icons.png) -101px -422px; border:0px}

/* Webapp icons. */
.icon-webapp-create {padding:2px 10px 2px 10px; background:url(images/main/zt-icons.png) 3px   -242px no-repeat;}
.icon-webapp-manage {padding:2px 10px 2px 10px; background:url(images/main/zt-icons.png) 3px   -482px no-repeat;}
.icon-webapp-obtain {padding:2px 10px 2px 10px; background:url(images/main/zt-icons.png) -19px -482px no-repeat;}
